<template>
  <div class="warn-system">
    <p class="ws-title" style="padding-left:15px;">撰写</p>
    <ul class="ws-table clearfix">
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="给您的撰写订单补充资料">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/c01.jpg" alt="" @click="push(1)" />
        <span>补充资料</span>
        <h3
          @click="push(1)"
        >{{patent_write.info||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="撰写订单留言通信">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/c02.jpg" alt="" @click="push(2)" />
        <span>撰写留言</span>
        <h3
          @click="push(2)"
        >{{patent_write.contact||0}}</h3>
      </li>
      <li>
        <div class="ws-why">
          <Tooltip placement="top" content="您有撰写好的订单，等待您的验收">
            <i class="iconfont iconwenhao f_18 cCCC"></i>
          </Tooltip>
        </div>
        <img src="../img/mary/c03.jpg" alt="预警" @click="push(3)" />
        <span>撰写确认</span>
        <h3
          @click="push(3)"
        >{{patent_write.confirm||0}}</h3>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "warnZx",
  props: {
    patent_write: Object
  },
  methods: {
    // 1补充资料 2撰写留言 3待确认
    push(type) {
      this.$router.push({
        name:'pW_List_warn',
        query:{
          type
        }
      });
    }
  }
};
</script>

<style scoped>
</style>